<template>
  <div class="dashboard-container">
    <div class="content-wrapper">
      <img src="@/assets/img/logo.png" alt="logo" class="logo">
      <h1 class="title">{{ mainStore.pageTitle }}</h1>
    </div>
  </div>
</template>

<script setup>
import { useMainStore } from '@/stores/useMain'

const mainStore = useMainStore()
</script>

<style scoped lang="scss">
.dashboard-container {
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  .content-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

    .logo {
      width: 100px;
      height: auto;
      margin-bottom: 20px;
    }

    .title {
      font-size: 28px;
      color: #303133;
      margin-top:30px;
    }
  }
}
</style> 